

a{color:#0092e1;}
	a:hover{ color:#c8396e;}
.clear { clear:both;}

ul {margin-top:0; }

.ea{margin: 20px 0 20px 0; padding:1px 0 0 0;  background:#000} /* это два класса для теста "марджин колапсинга" */
.eb{margin: 40px 0 40px 0; background:#060}


/* ========================== *** ============================== */

/* --------1. Шрифты ---------------------------------------------------------*/

/*
@font-face {
    font-family: 'LiberationRoundRegular';
    src: url('font/netfortserif-regular-webfont.eot');
    src: url('font/netfortserif-regular-webfont.eot') format('embedded-opentype'),
         url('font/netfortserif-regular-webfont.woff') format('woff'),
         url('font/netfortserif-regular-webfont.ttf') format('truetype'),
         url('font/netfortserif-regular-webfont.svg#LiberationRoundRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

body { background: #fff; margin: 0 auto; padding: 0; font:14px/1.5 Helvetica, Arial, sans-serif; color:#333;}


/* --------2. Сетка -----------------------------------------------------------*/

/* Надо сделать классы для отступов на ширину пустующей колонки*/

/* --------2.1 Модули сетки----------------------------------------------------*/

#layout {overflow: hidden; min-width: 800px; margin: 0em 0em auto; padding: 0;}

.grid {width: 100%;  min-width: 800px; max-width: 1280px; margin: 0 auto; padding: 0 2% 0 2%;} 
.grid1 { width: 96%; margin: 0; padding: 0; } /*1*/
.grid12 { width: 8%; } /*одна двенадцатая*/
.grid8 { width: 12%; } /*одна восьмая*/
.grid6 { width: 16%; } /*одна шестая*/
.grid4 { width: 24%; } /*одна четвертая*/
.grid3 { width: 32%; } /*одна третья*/
.grid8-3 { width: 36%; } /*три восьмых*/
.grid2 { width: 48%; } /*одна вторая*/
.grid8-5 { width: 60%; } /*пять восьмых*/
.grid3-2 { width: 64%; } /*две трети*/
.grid4-3 { width: 72%; } /*три четверти*/

.grid3-2 .grid2 { width: 50%; }  /*вложенный блок*/
.grid3-2 .grid4 { width: 25%; }
.grid3-2 .grid4-3 { width: 75%; }

.grid12, .grid8, .grid6, .grid4, .grid3, .grid8-3, .grid2, .grid8-5, .grid3-2, .grid4-3 {margin: 0; padding: 0 0 0 0; float: left; }

.grid-pad { margin: 0 0.75em 1.5em 0.75em;  padding:0; }  /*ПОХОЖЕ, ЧТО ЭТОТ КЛАСС ПРИ ВЕРСТКЕ МОЖНО НЕ ИСПОЛЬЗОВАТЬ, обойтись одним .grid-bg*/
.grid-bg { margin: -0.75em 0.25em 1em 0.25em;  padding: 0.75em 0.5em 0.5em 0.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.gridofset12 { margin-left:25%;} /*отступы надо прописать для всех комбинаций*/
.gridofset6 { margin-left:50%;}
/*--------2.2 Колонки из списков -----------------------------------------------*/

/*Вложенные колонки*/
.grid-4 { width: 25%; }
.grid-3 { width: 33.33%; }
.grid-2 { width: 50%; }
.grid-2, .grid-3, .grid-4 {margin: 0; padding: 0 0 0 0; float: left; }

/*--------2.2.1 Ширина и число колонок -----------------------------------------*/

.listdefault, .list2columns, .list3columns, .list4columns, .list5columns, .list6columns, .list7columns, .list8columns { display:block; margin:0; padding:0; overflow: auto;}

.grid-bg .listdefault, .grid-bg .list2columns, .grid-bg .list3columns, .grid-bg .list4columns, .grid-bg .list5columns, .grid-bg .list6columns, .grid-bg .list7columns, .grid-bg .list8columns {display:block; margin: -0.5em  -0.75em -1.5em -0.75em; padding:0.5em 0 0 0;}

.list2columns li, .list3columns li, .list4columns li, .list5columns li, .list6columns li, .list7columns li, .list8columns li {display:block; margin: 0; padding: 0; float:left;}

.list2columns li { width: 50%; }
.list3columns li { width: 33.33%; }
.list4columns li { width: 25%; }
.list5columns li { width: 20%; }
.list6columns li { width: 16.66%;  }
.list7columns li { width: 14.28%; }
.list8columns li { width: 12.5%;  }

/*--------2.2.2 Горизонтальные разделители --------------------------------------*/

.separator { margin: 0; padding: 0 0 1.5em 0;}
.list2columns .separator { }
.list3columns .separator { }
.list4columns .separator { }

/*--------2.3 Горизонтальное деление (скорее логическое, вообще это наверно не к сетке относится, а к логическим блокам) -----------------*/

.grid-row { }
#header { }
#footer { }
#content {}

.right { text-align: right;}
.right p { margin-right:0}

/*--------2.3 Медиа-выражения для трансформаций-------------------------------*/

/*--------2.3.1 Планшеты ----------------------------------------------------*/
@media only screen and (min-width:480px) and (max-width:800px) { 
/*добавить вложенные колонки и отступы пустых колонок*/
#layout, .grid  {min-width: 500px;}
.grid12 { width: 8%; } /*одна двенадцатая*/
.grid8 { width: 12%; } /*одна восьмая*/
.grid6 { width: 16%; } /*одна шестая*/
.grid4 { width: 48%; } /*одна четвертая*/
.grid3 { width: 48%; } /*одна третья*/
.grid8-3 { width: 36%; } /*три восьмых*/
.grid2 { width: 96%; } /*одна вторая*/
.grid8-5 { width: 60%; } /*пять восьмых*/
.grid3-2 { width: 48%; } /*две трети*/
.grid4-3 { width: 72%; } /*три четверти*/

.list3columns li { width: 96%; }
.list4columns li { width: 48%; }
.right { text-align: left;}
.right p { margin-right:2em;}
}
/*--------2.3.2 Смартфоны ---------------------------------------------------*/
@media (max-width:480px) { 
/*добавить вложенные колонки */
#layout, .grid  {min-width: 300px;}
.grid12 { width: 16%; } /*одна двенадцатая*/
.grid8 { width: 24%; } /*одна восьмая*/
.grid6 { width: 32%; } /*одна шестая*/
.grid4 { width: 48%; } /*одна четвертая*/
.grid3 { width: 96%; } /*одна третья*/
.grid8-3 { width: 96%; } /*три восьмых*/
.grid2 { width: 96%; } /*одна вторая*/
.grid8-5 { width: 96%; } /*пять восьмых*/
.grid3-2 { width: 96%; } /*две трети*/
.grid4-3 { width: 96%; } /*три четверти*/

.list3columns li { width: 96%; }
.list4columns li { width: 96%; }

.right { text-align: left;}
.right p { margin-right:2em;}
 }
 


/*--------3. Общее стили -----------------------------------------------------*/

/*--------3.1 Цвет -----------------------------------------------------------*/

/*фон (дефаулт) задан в body*/
/*тема (основной цет)*/
.theme { background: #EFE3C4;}
/*дополнительный */
.secondary {background: #d1e5ce;}
/*Нейтральный разделитель*/
.inert {background: #e8f7e6}
/*Выворотка (обратный к основному)*/
.revers {background: #2C271C; color:#f5efdf;}
/*Контраст*/
.contrast {background: #d37492; color:#000;}
/*Позитивный контраст*/
.positive{background: #79BA2E; color:#FFF;}
/*Негативный контраст*/
.negative{background: #c8396e; color:#FFF; /*border: #666 solid 0.2em; padding-top:0.55em;*/}


.light {background:#f4f4f4}
.dark {background:#ccc}
/*надо подумать как задать палитру и взаимосвязь фон-цвет шрфта-цвет элемента*/
.white {background:white}
.silver {background:silver}
.gray {background:gray}
.black {background:black}
.maroon {background:maroon}
.red {background:red}
.orange {background:orange}
.yellow {background:yellow}
.olive {background:olive}
.green {background:green}
.blue {background:blue}
.purple {background:purple}

/*--------3.2 Типографика ----------------------------------------------------*/

/*--------3.2.1 Заголовки -----------------------------------------------------*/

h1 { font-size:3em; font-weight:normal; margin: -0.5em 0 0 0; padding:0.3em 0 0.22em 0; text-rendering: optimizelegibility;}
h2 { font-size:2em; font-weight:normal; margin: 0; padding:0.2em 0 0.6em 0; text-rendering: optimizelegibility;}
h3 { font-size:1.5em; margin: 0; padding:0.7em 0 0.9em 0;}
.menu h2 { font-size:1.5em; margin: 0; padding:0.7em 0 0.9em 0;}
h4 { font-size:1.3em; margin: 0; padding:0.85em 0 0 0;}
h4 { font-size:17px; line-height:125%; margin: 0; padding:21px 0 0 0;}
h5 { font-size:1.1em; margin: 0; padding: 0;}
h6 { font-size:1.2em; font-weight:normal; font-style:italic; margin: -0.2em 0 -0.1em 0; padding: 0;}

/*--------3.2.1 Текст и списки -------------------------------------------------*/

p { margin: 0 2em 1.5em 0; line-height:150%; }
q {}
 {}
small, .remark, .podpis{font-size: 0.8em; line-height:195%; margin-bottom:2em;}

.note {}
.lead, .lid{font-size: 25px; margin: -1em 2em 0.5em 0; padding:11px 0 2px 0; line-height:170%; text-rendering: optimizelegibility;}


ol { padding:0; margin:0;}

/*вложенная нумерация списков*/
LI { list-style-type: none; } /* Убираем исходную нумерацию */
OL { counter-reset: list1; } /* Инициируем счетчик */
OL LI:before {
 counter-increment: list1; /* Увеличиваем значение счетчика */
 content: counter(list1) ". "; /* Выводим значение */
}
OL OL { counter-reset: list2; margin-left:2em; } /* Инициируем счетчик вложенного списка */
OL OL LI:before {
 counter-increment: list2; /* Увеличиваем значение счетчика */
 content: counter(list1) "." counter(list2) ". "; /* Выводим значение типа 2.1, 2.2,... */
}
OL OL OL { counter-reset: list3; } /* Инициируем счетчик вложенного списка */
OL OL OL LI:before {
 counter-increment: list3; /* Увеличиваем значение счетчика */
 content: counter(list1) "." counter(list2) "." counter(list3) ". "; /* Выводим значение типа 2.1.1, 2.1.2,... */
}



/*--------3.3 Иллюстрации --------------------------------------------------*/

.img-1-top { height: 9em; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#000; }
	.grid3-2 .list2columns .img-1-top {height: 15em;}
	.grid3 .list2columns .img-1-top {height: 7.5em;}
.img-1-top img {width:100%; /*margin-top: -10%;*/}
.img-2-top { height: 9em; overflow:hidden; width:50%;}
.img-2-top img {height:100%;}


/*--------3.4 Оформление таблиц --------------------------------------------- */
/*Выводы*/
.output {list-style:none; padding:0; margin:0;}
.output li {display:block; background: url(img/dot.gif) 0 70% repeat-x;}
.output .name { background: #fff; padding-right: 0.5em; }
.output .value {float:right; background: #fff; padding-left: 0.75em;}

.inert .output .name { background: #e8f7e6; }
.inert .output .value {background: #e8f7e6; }

/*Таблицы*/
.grid-tab { margin: -0.75em 0.25em 1em 0;  padding: 0.75em 0 0.5em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tab { margin: 0 -0.5em 0 -0.75em; } /*для таблиц в тексте*/
table {border-collapse: collapse; width: 100%; margin: 0 0 1.5em 0; border-spacing: 0; table-layout: fixed; caption-side:bottom; vertical-align: bottom;}
thead{}
tbody{}
caption{ text-align:left; padding-left:0.75em;}
	
table th { padding:1.5em 0px 0px 0.75em; text-align: left; font-weight: bold; }
table td { padding: 0em 0px 0px 0.75em; }

/*оформление таблицы по умолчанию*/
table .light { background: #FEF3D4; }
table .dark { background: #EFE3C4; }

/*оформление таблиц в зависимости от цветного блока*/	
.theme th {padding-top:0;}
.theme .light { background: #FEF3D4; }
.theme .dark { background: #ddcea8; }
.theme tr:hover td {background:#d37492; }

.secondary .light { background: #e3fad6; } /*#E6F9D0 -- для светлых полосок*/
.secondary .dark { background: #b5c0a8; } /*#A0A898 -- для бордюров*/

.inert .light { background: #e8f7e6; }
.inert .dark { background: #d1e5ce; }

.revers .light { background: #837757; color:#2C271C;}
.revers .dark { background: #2C271C; color: #79BA2E;}
.revers th {background: #79BA2E; color:#2C271C;}
.revers td {padding-top: 1.5em;}
	
.contrast	.light {background: #e8f7e6;}
.contrast	.dark {background: #d37492;}
.contrast  th {background: #c8396e; color:#FFF;}
.contrast  td {padding-top: 1.5em;}
.contrast  tr:hover td {background:#2C271C; color:#d37492;}

/*поправки на ветер
#subcontent .post table {width: 99%;}
#Items_View table {width: 98%;} */


/*--------3.5 Оформление форм ---------------------------------------------- */

dl { padding:0; margin:0;}
dt { margin: 0; padding: 0; }
dd { margin: 0; padding: 0; }

dt label {padding: 0 15px 0.5em 1.5em;}
dt label.required {background: url(img/ico_asterisk_sb.png) top right no-repeat}
dd .description{font-size:0.85em; padding: 0 0 5px 1.8em; margin-top:-18px;}

#Forms_View dd ul.errors { margin-left: 0; padding-left: 0 }
#Forms_View dd ul.errors li { font-size: 80%; color: red; list-style: none; margin-left: 0; padding-left: 0 }

#Forms_View .Text input, #Forms_View #authorname-element input, #Forms_View #authoremail-element input, #Forms_View .signin, #Forms_View textarea, #Forms_View select, #Forms_View dd.File input, #Forms_View dd.Captcha input {
display:inline-block;
*display:inline;
vertical-align: top;
width:100%;
zoom:1;
margin:-3px 0 18px 0;
border:1px solid #bbb;
color:#5d4f3c;
font-size:1em;
line-height:1.5em;
padding:3px 0 0 0;
text-indent: 3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#FFF7DD;
-moz-box-shadow:inset 0px 0px 6px rgba(126, 98, 32, 0.4);
-webkit-box-shadow:inset 0px 1px 6px rgba(126, 98, 32, 0.4);
box-shadow:inset 0px 1px 6px rgba(126, 98, 32, 0.4);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
input.signin {text-align:center; text-indent: 0;}
textarea { height:9.4em;}
select{margin-bottom:21px;}
#Send, .submit { width: 100%; }

#Forms_View fieldset { margin:0; padding:0; border: none }


#Forms_View dt span { font-size: 85%; padding-left: 2px }
#Forms_View dd span { font-size: 85%; padding-left: 2px }

#Forms_View dt.Text {clear:both; } 
#Forms_View dt.Checkbox {float:left; padding: 2px 2px 10px 0;  }
#Forms_View dt.Checkbox label {padding-right:0px;}
#Forms_View dd.Checkbox {float:left; width: 20px; padding: 4px 0 4px 2px; margin-right:10px; background-color: #FFF7DD;}
#Forms_View dd.Checkbox input {width: 18px;  }

/*#Forms_View input { width: 99%; margin: 0; padding: 0; background-color: #FFF7DD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.Text input, .signin {width: 100%; background-color: #FFF7DD;  border:#777 solid 1px; font-size: 18px; line-height:140%; padding: 0px; margin: 0 0 14px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} */

/*--------3.6 Кнопки ------------------------------------------------------- */

/*-----основной цвет------*/

.btn, button {display: inline-block;
  *display: inline;*zoom: 1; 
margin: -5px 0 18px 0; padding: 4px 0.75em 2px; *margin-left: .3em;
text-align: center; vertical-align: middle; text-decoration: none;
color: #3b5061; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #d1e5ce;
background: -moz-linear-gradient(top, #f4fcf2, #d1e5ce);/* Firefox 3.6+ */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4fcf2), to(#d1e5ce));/* Chrome 1-9, Safari 4-5 */
background: -webkit-linear-gradient(top, #f4fcf2, #d1e5ce);/* Chrome 10+, Safari 5.1+ */
background: -o-linear-gradient(top, #f4fcf2, #d1e5ce); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4fcf2, #d1e5ce); /* IE10 */
background: linear-gradient(top, #f4fcf2, #d1e5ce); /* CSS3 */ 
background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4fcf2', endColorstr='#d1e5ce', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
border: 1px solid #d1e5ce;
border-bottom-color: #8ba3ad;
   -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
	              border-radius: 5px;
  -webkit-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
      -moz-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
  cursor: pointer;
}	
.btn:hover, button:hover {
color: #3b5061; 
  background-color: #f4fcf2;
  background-position: 0 10px;
  -webkit-transition: background-position 0.1s linear;
      -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
           -o-transition: background-position 0.1s linear;
                 transition: background-position 0.1s linear;
 -webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
     -moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
                box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
}

/*-----активный цвет------*/
.btn.strong, button.strong, .submit, #Send {display: inline-block;
  *display: inline;*zoom: 1; 
margin: -5px 0 18px 0; padding: 4px 0.75em 2px; *margin-left: .3em;
font-size: 14px; line-height:150%;
text-align: center; vertical-align: middle; text-decoration: none;
color: #dcedf8;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
background-color: #499cd7;
background: -moz-linear-gradient(top, #2ea9f8, #2484c1);/* Firefox 3.6+ */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#2ea9f8), to(#2484c1));/* Chrome 1-9, Safari 4-5 */
background: -webkit-linear-gradient(top, #2ea9f8, #2484c1);/* Chrome 10+, Safari 5.1+ */
background: -o-linear-gradient(top, #2ea9f8, #2484c1); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#2ea9f8, #2484c1); /* IE10 */
background: linear-gradient(top,#2ea9f8, #2484c1); /* CSS3 */ 
background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea9f8', endColorstr='#2484c1', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
border: 1px solid #2383bf;
border-bottom-color: #1c6796;
   -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
	              border-radius: 5px;
  -webkit-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 5px 2px rgba(202, 230, 248, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
cursor: pointer;
}

.btn.strong:hover, button.strong:hover, .submit:hover, #Send:hover {
color: #dcedf8;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
background-color: #2ea9f8;
background-position: 0 10px;
  -webkit-transition: background-position 0.1s linear;
      -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
           -o-transition: background-position 0.1s linear;
                 transition: background-position 0.1s linear;
 -webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
     -moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
                box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
}	
/*-----черный цвет------*/
.btn.black, button.black {
color: #f5efdf;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
background-color: #2C271C;
background: -moz-linear-gradient(top, #3d3627, #1e180d);/* Firefox 3.6+ */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#3d3627), to(#1e180d));/* Chrome 1-9, Safari 4-5 */
background: -webkit-linear-gradient(top, #3d3627, #1e180d);/* Chrome 10+, Safari 5.1+ */
background: -o-linear-gradient(top, #3d3627, #1e180d); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3d3627, #1e180d); /* IE10 */
background: linear-gradient(top, #3d3627, #1e180d); /* CSS3 */ 
background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3627', endColorstr='#1e180d', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #333333;
  border-bottom-color: #555555;
   -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
	              border-radius: 5px;
  -webkit-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btn.black:hover, button.black:hover {
background-color: #3d3627;
background-position: 0 10px;
  -webkit-transition: background-position 0.1s linear;
      -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
           -o-transition: background-position 0.1s linear;
                 transition: background-position 0.1s linear;
 -webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
     -moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
                box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
}	
/*-----Позитивный контраст------*/
.btn.positive, button.positive {
	font-size: 14px; line-height:150%;

text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
background-color: #79BA2E;
background: -moz-linear-gradient(top, #89d334, #68a028);/* Firefox 3.6+ */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#89d334), to(#68a028));/* Chrome 1-9, Safari 4-5 */
background: -webkit-linear-gradient(top, #89d334, #68a028);/* Chrome 10+, Safari 5.1+ */
background: -o-linear-gradient(top, #89d334, #68a028); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #89d334, #68a028); /* IE10 */
background: linear-gradient(top, #89d334, #68a028); /* CSS3 */ 
background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89d334', endColorstr='#68a028', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #68a028;
  border-bottom-color: #589018;
   -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
	              border-radius: 5px;
  -webkit-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btn.positive:hover, button.positive:hover {
background-color: #89d334;
color:#fff;
background-position: 0 10px;
  -webkit-transition: background-position 0.1s linear;
      -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
           -o-transition: background-position 0.1s linear;
                 transition: background-position 0.1s linear;
 -webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
     -moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
                box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
}	
/*-----негативный контраст------*/
.btn.negative, button.negative {
	font-size: 14px; line-height:150%;

text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
background-color: #c8396e;
background: -moz-linear-gradient(top, #ed5380, #b83057);/* Firefox 3.6+ */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ed5380), to(#b83057));/* Chrome 1-9, Safari 4-5 */
background: -webkit-linear-gradient(top, #ed5380, #b83057);/* Chrome 10+, Safari 5.1+ */
background: -o-linear-gradient(top, #ed5380, #b83057); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ed5380, #b83057); /* IE10 */
background: linear-gradient(top, #ed5380, #b83057); /* CSS3 */ 
background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed5380', endColorstr='#b83057', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #b83057;
  border-bottom-color: #589018;
   -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
	              border-radius: 5px;
  -webkit-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btn.negative:hover, button.negative:hover {
background-color: #ed5380;
background-position: 0 10px;
color:#fff;
  -webkit-transition: background-position 0.1s linear;
      -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
           -o-transition: background-position 0.1s linear;
                 transition: background-position 0.1s linear;
 -webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
     -moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
                box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
}	
/*-----нажатая кнопка------*/
.btn.active, button.active {
	color: #6d5f4c;
	text-shadow: none;
	background: #EFE3C4;
	border: 1px solid #bbb;
	-webkit-box-shadow: inset 1px 2px 2px rgba(126, 98, 32, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
        -moz-box-shadow: inset 1px 2px 2px rgba(126, 98, 32, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
                   box-shadow: inset 1px 2px 2px rgba(126, 98, 32, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
	}
	
.btn.active:hover, button.active:hover {
	color: #6d5f4c;
	text-shadow: none;
	background: #EFE3C4;
	border: 1px solid #bbb;
	-webkit-box-shadow: inset 0 1px 1px rgba(126, 98, 32, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
        -moz-box-shadow: inset 0 1px 1px rgba(126, 98, 32, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
                   box-shadow: inset 0 1px 1px rgba(126, 98, 32, 0.4), 0 1px 1px rgba(191, 200, 203, 0.2); 
	}

/*.btn-group {margin-left: -0.75em;}*/

.btn-group .btn, .btn-group button  {
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group .btn:first-child, .btn-group button:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group .btn:last-child, .btn-group button:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.btn a { text-decoration: none; color:inherit;}

/*--------3.7 Иконки ------------------------------------------------------- */

/*--------3.8 Интерактивные элементы ---------------------------------------- */



/*--------4. Стили оформление логических блоков ------------------------------ */


/*--------4.1 Меню ------------------------------------------------- */
/*ширина пунктов меню*/
.itemgrid2 ul, .itemgrid3 ul, .itemgrid4 ul, .itemgrid6 ul, .itemgrid8 ul, .itemgrid12 ul { margin: 0 -0.75em 0 -0.75em; }
.itemgrid2 li {width: 50%; float: left;}
.itemgrid3 li {width: 33.33%; float: left;}
.itemgrid4 li {width: 25%; float: left;}
.itemgrid6 li {width: 16.66%; float: left;}
.itemgrid8 li {width: 12.5%; float: left;}
.itemgrid12 li {width: 8%; float: left;}

.itemgrid2 a, .itemgrid3 a, .itemgrid4 a, .itemgrid6 a, .itemgrid8 a, .itemgrid12 a {display:block; padding: 0 0.75em 0 0.75em; }


/*--------4.1.1 Простое меню ------------------------------------------------- */
.leftmenu ul, .menu ul { list-style:none; padding: 0; margin-bottom:0;}
.leftmenu ul li, .menu ul li {margin-bottom: 1.5em;}
.leftmenu li.active, .menu li.active {background: #d1e5ce; display: inline-block; padding: 0.4em 0.5em 0.2em 0.5em; margin: -0.4em -0.5em 1.4em /*не понятно почему 1.4 лучше подходит*/ -0.5em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} 
.leftmenu li.active > a, .menu li.active > a { color:#333; text-decoration:none;  }

/*для фона*/
.inert li.active {display: block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
/*для горизонтального*/
.menu.itemgrid2 li.active, .menu.itemgrid3 li.active, .menu.itemgrid4 li.active, .menu.itemgrid6 li.active, .menu.itemgrid8 li.active, .menu.itemgrid12 li.active  {background: none; font-weight:normal; margin: 0 0 0 0; padding: 0;}
.menu.itemgrid2 li.active  > a, .menu.itemgrid3 li.active  > a, .menu.itemgrid4 li.active  > a, .menu.itemgrid6 li.active  > a, .menu.itemgrid8 li.active  > a, .menu.itemgrid12 li.active  > a {background: #EFE3C4; padding: 0.4em 0.5em 0.2em 0.5em; margin: -0.4em 0.25em 1.4em /*не понятно почему 1.4 лучше подходит*/ 0.25em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/*--------4.1.2 Список с иерархией ------------------------------------------------------- */
.num ul { list-style:none; margin: 0; padding: 0;}
.num ul ul {margin-left: 2em;}
/*сделать нумерованным списком*/

/*--------4.1.3 Меню с иконками ------------------------------------------------------- */
.imgmenu {padding-left: 0.5em; }
.imgmenu img {margin: 0px 0.5em 0 -0.5em;   float:left; }
.imgmenu li {clear:both; margin-bottom: 1.5em;}
/*широкое*/
.nav-page {margin-top: -0.5em;}
.nav-page h3 {font-size: 1.3em; margin: 0; padding: 0em 0 0em 0.5em; margin: -0.1em 0 1.3em 0; line-height: 120%; font-weight: normal;}
.nav-page h3 a {color:#000;}
.nav-page img {height:3em; padding: 0em 0 0em 0.5em;}
.nav-page ul a {padding: 0 ; }
.nav-page ul {padding: 0; }
.nav-page ul li {margin:0; padding: 0; }
.nav-page ul ul { padding: 0; margin: 0 0.5em 0 0.75em;}
.nav-page ul ul li { margin:0 0 1.5em 0; padding:0; width:100%; float:none; }


/*--------4.1.4 Меню кнопками ------------------------------------------------------- */
.buttonmenu ul { padding:0; margin:0; }
.buttonmenu .btn {margin: -5px -2px -3px 0px; padding: 4px 0px 2px 0px; text-align: left;}
/*горизонтальное*/
/*вертикально*/
.itemgrid1 li {width: 100%;}
.itemgrid1 .btn-group .btn {
  float: none;
  margin: -5px 0px 18px 0; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}


/*--------4.1.5 Выпадающее Меню ------------------------------------------------------- */
.topmenu {height:1.5em;  }
.topmenu div { margin-right: -1.5em;}
.topmenu ul { padding:0;  position: absolute;  z-index:100; list-style: none; white-space: nowrap; }
.topmenu ul li { DISPLAY: inline; /*font-size: 1.2em; line-height:125%;*/ }
.topmenu ul ul { display:none;    background: #d37492;  margin: 0px 0.25em 0px 0.25em; padding: 1.5em 0 1.5em 0; text-align: left; white-space: normal;  position:relative; 
  -webkit-box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.4);
                box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.4);
				-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.topmenu ul ul li {display:block;  float: none; width:100%; padding:  0;}

.topmenu ul li a { text-decoration: none; background: none; }

.topmenu ul li.active { background: none; padding: 0; margin:0;}
.topmenu ul li.active a.active {color:#000; background:  #EFE3C4; padding: 0.4em 0.5em 0.2em 0.5em; margin: -0.4em 0.25em -0.2em  0.25em;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.topmenu ul li.active a {  text-decoration: none;}

.topmenu ul li ul li  a {color:#eee;  text-decoration: underline;}
.topmenu ul li ul li  a:hover {color:#fff; }


.topmenu ul li.active ul li a {text-decoration: underline;}
.topmenu ul li.active ul li.active a {color: #d37492;  background:  #EFE3C4; }


/*--------4.1.6 Служебное меню ---------------------------------------------- */
.users ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	.users ul li {display:block; float:left; margin-right: 10px;}
	.users ul li a { display:none;}
	.users ul li ul li a {display:block;}
	
/*--------4.1.6 меню c заголовком---------------------------------------------- */
.leftmenu ul {padding:0; margin:0;}

/*--------4.4 Шапка ------------------------------------------------------- */

#header a { display:block; color: #ffffff; font-size: 90%; line-height: 110%; margin:10px 0 0 0; text-decoration:none;}
.logo {font-size:3em; line-height: inherit; font-weight:normal; margin: 0; padding:0.3em 0 0.22em 0;}
/*
.logo {font-size:45px; line-height:95%; font-weight:bold; margin: -0.5em 0 0 0; padding:20px 0 3px 0;}
.logo { font-family: "Marmelad"; margin: 0 0 0 -4px; font-size: 65px; line-height:0.97em; padding: 0;}*/

.top { background: url(img/f02.gif) bottom repeat-x;}

.top .widget .menu {margin:5px 0; padding: 5px 5px 0 0;  }
.top .menu .item{float:left; margin:0 0px 0 0; padding: 0; list-style:none; width: 12%;}
				.top .menu a{display:block; margin: 0px 5px 0 -10px; padding:10px 8px 2px 9px; border-left: #bbb solid 1px; color:#901e00;}
			.top .menu .current{ color:#999; }
			.top .menu .current a{color:#555; }

/*--------4.5 Подвал ------------------------------------------------------- */

.serch {margin-top:0px;}
.serch input { width: 100%;}
.cont {background:#888;}
.footer {margin: 50px 0 30px 0;}

/*--------4.6 Результаты поиска -----------------------------------------------*/

.SearchForm{ background:#ececec; margin: 10px 20px 10px 0px; padding: 10px 5px 5px 23px;}
.SearchForm .query{ width:80%;}

ol.Search{margin: 0px 20px 0px 0px; padding: 0 0px 0 25px;}
.SearchHead{margin: 15px 0 5px 0; font-size: 110%;}
.SearchText{margin: 0px 0 5px 0;}
.SearchLink {margin: 0 0 20px 0; font-size: 80%;}
.SearchLink a {color: #888888;}
.SearchLink a:hover {color: #555555;}



/* ========================== *** ============================== */

/*.grid {margin: 0 0 0 0; padding: 0 0 0 0;}
.grid {margin: 0 -1.75em 0 -0.75em; padding: 0 0 0 0.75em;}
.widget .txt, .widget .htmltxt, .widget .tags {margin: 0 20px 0 -10px; padding: 10px 10px 10px 10px;}
.tabtxt {margin: 0 10px 0 -10px; padding: 0px 0px 0px 10px;}
.widget .txt .grid{margin: 0 -30px -10px -10px; padding: 0 0 10px 10px; background: url(img/fon-angle-left-bottom.png) bottom left no-repeat;}
*/

/* основной контент ----------------------------------------------- */
#subcontent {background: url(img/f02.gif) bottom repeat-x;}
/*#subcontent .post {padding-bottom:10px; } */
#content .post {padding-right: 0px;}

#content .post div.color {margin:0 30px 5px -10px; padding: 5px 5px 1px 10px;}
	#content .post div.color p {margin-bottom: 5px; margin-right:10px;}
	#content .post div.color ul, #content .post div.color ol {margin-bottom: 5px;}
	#content .post div.color h2, #content .post div.color h3, #content .post div.color h5 {margin-top: 15px;}
	#content .post div.color h4 {margin-top: 10px;}
	#subcontent .post div.color {margin-right: 20px;}
	#content .block75 div.color {}

#content .post p {margin: 0 40px 20px 0; line-height:145%;}
	#content .post div.lt {margin-left:33.3%;}
		#content .block50 .post div.lt {margin-left:0;}
		#content .noright .post div.lt {margin-left:0;}
		#subcontent .post div.lt {margin-left:25%; margin-right:25%; padding-right:20px;}
	#content p.lt {margin-left:33.3%;}
		#content .block50 p.lt {margin-left:0;}
		#content .noright p.lt {margin-left:0; margin-right:33.3%; padding-right:40px;}
		#content .noright p {margin-right:15%;}
		#subcontent .post p.lt {margin-left:25%; margin-right:25%; padding-right:40px;}
	#content .post p.lid{margin: 0 40px 10px 15%; font-family: 'LiberationRoundRegular';font-size: 120%; line-height:120%; color:#23AFE0;}

#content .post img {margin-top: -4px; margin-bottom:24px;}

#content .post .News_View {margin-left:16.3%; padding: 0 20px 20px 0;}
#content .post .News_View .newsdate {margin:10px 50px 0px 0px; text-align:right; color:#777; font-size:95%;}
/*иллюстрации*/
#content .post .News_View .newsimg {float:left; margin-left:-18%; width:40%; margin:10 px 0 30px 0;}
/*#content .post .News_View .newsimg {margin: 10px 0 30px 0;}*/
.art_img {padding: 0 20px 2px 0; }
/*#content .post .News_View .art_img img { max-width: 640px;}*/
.art_last_img {width: 10%; height:35px; float:left; overflow:hidden; margin: 0 2px 2px 0;}
/*карусель*/
#Article_View .carousel {margin: 20px 0px 0 0;}
#Article_View .carousel ul li div {margin-right:10px;}

#content .post .asterisk {background: url(img/ico_asterisk_y.png) no-repeat; margin-left:-25px; padding-left:25px;}

 .post ul, #content ol {margin: 0 20px 10px 0; }
#content .post ol {padding-left:20px; padding-right:20px;}
#content .post ul, .htmltxt ul {list-style-image: url(img/ul-li.png); padding-left:12px;}
#content .post .txt ul, #content .post .menu ul {list-style-image: none;  padding-left:0px;}
#content .post .txt ul li, .txt ul li, #content .post .menu ul li {margin-bottom: 0px; } 
	#content .post li {line-height:145%;}
	#Article_View ul{padding-right:20px;}
	
/*Заголовки
#footer h1, #content h1 {margin: 0px 15% 20px 0; padding-top:11px; font-family: 'LiberationRoundRegular'; font-size: 28px; font-weight:normal; line-height:110%;}

	#content .block75 h1 {margin-left: 33.3%;}
	#content .noright h1 {margin-left: 0;}
	#subcontent h1 {margin-left: 25%;}
 .post h2 {font-size: 20px; margin: 30px 10% 10px 0; font-weight:normal;}
 .post h3 {font-size: 16px; margin: 30px 10% 10px 0; line-height:130%; color:#444}
 .post h4 {font-size: 14px; margin: 25px 10% 10px 0; color:#444}
#content .post h5 {font-size: 16px; margin: 30px 10% 10px 0; font-weight:normal; font-style:italic;}

*/


/* Виджеты общее оформление --------------------------------------- */

.widget {padding-bottom: 10px;} /*виджет это и есть блок модульной ширины. Нужен ли тут отступ?*/

#content .widget p {font-size: 95%; line-height:140%; margin-right: 15px;}
#content .widget p.subscript {font-size:90%; line-height:110%; margin-top:-5px;}

.fon {margin:0 0 -10px -10px; padding: 0 0 10px 10px; background: url(img/fon-angle-left-bottom.png) bottom left no-repeat;}
.menu  .fon {margin:0 0 -20px -10px; padding: 0 0 20px 10px; background: url(img/fon-angle-left-bottom.png) bottom left no-repeat;}
.post .fon {margin: -10px 0 0 -10px; padding: 10px 0 0 10px; background: url(img/fon-angle-left.png) top left no-repeat;}
.post .border .fon {background: none;}
.widget .border .grid {background: none;}

/*левая колонка
#left .widget .txt, #left .widget .tags {padding-right:20px;} 
#left .htmltxt {padding-top: 20px}
#left .text {margin-right: 30px;}
#left .widget .txt .grid{margin: 0 -20px -10px -10px; padding: 0 0 10px 10px; background: url(img/fon-angle-left-bottom.png) bottom left no-repeat;}
#left ul.listdefault {padding: 0 0px 10px 0px;}
 */
/*прававя колонка
#right .widget .txt {padding-right:20px;} 
#right .listdefault {margin-top:10px;}
#right .widget .htmltxt {font-size: 95%; line-height:140%; }
#right .widget .txt p {font-size: 95%; line-height:140%; }
#right .widget .htmltxt p {margin: 0px 20px 5px 0; }
#right .widget .txt .grid {margin: 0 -20px -10px -10px; padding: 0 0 10px 10px; background: url(img/fon-angle-left-bottom.png) bottom left no-repeat;}
	#right .widget .border .grid {background: none;}
#right .listdefault .head {font-size: 100%;}
#right .listdefault .descr {font-size: 90%;}
#right .widget .light-blue p {color:#405b89;}
#right .widget .white p {color:#444;}
*/





/* Виджеты списка материалов -----------------------------------------------*/

.widget .head {font-size: 125%; margin: 20px 0 0 0; }
	.widget .head a {display:block;  line-height:115%;  color: #009bd5;}
	.listdefault .head {font-size: 100%;}
	.widget .head a:hover {color: #40b5e4; text-decoration: underline;}
    .widget .descr {padding-top:5px;}
	.widget .list { padding: 0 30px 0 0;}
	.widget .list-item { padding: 20px 20px 0 0;}
	.widget .lleft { padding-left: 20px; background: url(img/ico_right_wb.png) no-repeat 1px 2px;}
	.widget .lleft:hover {background: url(img/ico_right_wb_hover.png) no-repeat 1px 2px;;}
.widget .newsdate {font-size: 80%; margin-top:5px; padding: 0 0 0 6px; /*background: url(img/ico_calendar.png) no-repeat 0 3px; overflow:hidden; */ display:inline-block; color:#555; background: url(img/ul-li-light.png) no-repeat 0 3px; line-height:1.2; }
.widget .head, .widget .descr, .widget .descrtext {padding-right: 30px;}
#right .widget .head, #right .widget .descr, #right .widget .descrtext {padding-right: 0px;}
#right .widget .txt .descr {padding-right: 20px;}

/* Иллюстрации в виджетах -----------------------------------------------*/

.imgfull {margin: 1em 0 0.5em 0; height:7.5em; overflow:hidden;}
	.imgfull img { width: 100%; margin:0;}
	
	.block50 .list3columns .imgfull { height:90px;}
		.block50 .list3columns .imgfull img { width: auto; height:120px;}
	.post .list4columns .imgfull {width:125px; height:125px; border-radius:60px; background: #e5e6e5; overflow:hidden; }
	.post .list4columns .imgfull img {height:185px; width: auto; margin: -30px 0 0 -30px;}
	.post .list4columns .imgfull img:hover {height:190px; margin: -32px 0 0 -32px;}
	.post .list6columns .imgfull { height:100px; border-radius:5px; background: #e5e6e5; overflow:hidden; }
.img50 {width: 50%; height:80px; margin: 6px 0 16px 0; overflow:hidden;}
	.img50 img {width: 100%;}
.img25 {width: 30%; height:40px; margin-bottom:10px; overflow:hidden;}
	.img25 img {width: 100%;}
.imgtop {height:100px; overflow:hidden; }
	.imgtop img {}
.imgleft {width: 25%; float:left; margin-right:10px;}
.imgleftpx{ float:left; margin: -10px 0 0 -5px;}
.imgright {width: 25%; float:right; margin: 0px 20px 0 10px;}
/*поправки*/
.listdefault .imgright {width: 20%; float:right; margin: -10px 20px 10px 10px;}
.widget .htmltxt img{margin-bottom:5px;}
.orange img, .grey img {margin: 10px 7px 5px 0px;} /* для желтого и серого баннера */

/*правая колонка*/
#right .widget .imgtop {height:auto; }
 
/* Меню оформление фиджета  -----------------------------------------------*/
/*горизонтальное*/
#content .horizont .item{float:left; margin:0 20px 0px 0; padding-top: 15px;}
#content .horizont .current a {color:#000;}
/*вертикальное*/
.widget .menu {margin: 0 20px 0 -10px; padding: 10px 10px 10px 10px; }
.widget .menu ul {list-style: none; padding: 0; margin: 0 20px 0px 0;}
.widget .menu li {margin: 0 0 5px 0px; }
.widget .menu li  a:hover { text-decoration: underline;}

#left .widget .menu li {margin: 0 0 3px -10px; }
#left .widget .menu li a {padding:5px 10px 5px 10px; display:block;}

#left .widget .menu li ul {margin: 5px 0px 0px 20px; padding-bottom:5px; font-size: 93%; }
#left .widget .menu li ul {list-style-image: url(img/ul-li.png); padding-left:12px;}
	.widget .menu li ul a {padding:0px 5px 5px 0px; display:block;}
	
#left .widget .menu li.active ul li.active {background: none;}
#left .widget .menu li.active ul li.active a {background: none;}



.block100 .widget .menu ul.navigation {font-size: 120%;}
.block100 .widget .menu ul.navigation li a {color:#000;}
.block100 .widget .menu .navigation li ul {margin: 5px 0px 10px 20px; font-size: 93%; list-style-image: url(img/ul-li.png); padding-left:12px;}
.block100 .widget .menu .navigation li ul a {color:#43B7E5;}

#left .widget .menu li.active {background: url(img/bg_menu_lb1.png) bottom right no-repeat;}
#left .widget .menu li.active > a { text-decoration: none; color:#2a617f; background: url(img/bg_menu_lb2.png) top right no-repeat; }
/*на сером? фоне*/
#left .widget .grey li.active, #left .widget .light-blue li.active {background: url(img/bg_menu_gr1.png) bottom right no-repeat;}
#left .widget .grey li.active > a { text-decoration: none; color:#2a617f; background: url(img/bg_menu_gr2.png) top right no-repeat;}
#left .widget .grey li.active ul a, #left .widget .light-blue li.active ul a {color:#2a617f;}
/*на светло-голубом фоне*/
#left .widget .light-blue li.active > a { text-decoration: none; color:#2a617f; background: url(img/bg_menu_llb2.png) top right no-repeat;}
/*на желтом фоне*/
#left .widget .orange li.active, #left .widget .dark-blue li.active {background: url(img/bg_menu_w1.png) bottom right no-repeat;}
#left .widget .orange li.active > a { text-decoration: none; color:#2a617f; background: url(img/bg_menu_y2.png) top right no-repeat;}
#left .widget .dark-blue li.active > a { text-decoration: none; color:#2a617f; background: url(img/bg_menu_b2.png) top right no-repeat;}
#left .widget .orange li.active ul a, #left .widget .dark-blue li.active ul a  {color:#2a617f;}




/* Фон и цвет -----------------------------------------------*/

/*для таблиц*/
tr.blue { background: #EBFAFF; margin-left: -10px; padding: 10px; }
.blue-light { background: #f7fdff; margin-left: -10px; padding: 10px; }
.blue-dark { background: #ddf3fc; margin-left: -10px; padding: 10px; }

/*для блоков*/
/*бледно-серый*/
.white {background: #f3f5f6;}
	/*.white a {color:#289bc8;}*/
	#right .white{ background: #f2f3f4;}
/*кремовый*/	
.pink {background:#FFF7DD;}
	#right .pink {background: #FFF7DD;}
	.pink a {color:#3f94ca;}
/*темно-голубой*/
.dark-blue {background: #318ebf; color:#eee;}
	.dark-blue a, .dark-blue .head a { color:#eee;}
	.dark-blue a:hover, .dark-blue .head a:hover { color:#fff;}
	.dark-blue .lleft, .dark-blue .lleft:hover {padding-right: 30px; padding-left: 0px; background: url(img/ico_rightbig_w.png) no-repeat right;}
	 #right .dark-blue {background: #318ebf url(img/fon-angle-right.png) top right no-repeat;}
	 .dark-blue .fon {margin-bottom:-30px; padding-bottom: 30px; background: url(img/fon-block-db.png) bottom right no-repeat;}
	 .menu.dark-blue .fon {margin-bottom: -40px; padding-bottom:  40px; background: url(img/fon-block-db.png) bottom right no-repeat;}
/*голубой*/	 
.blue {background: #ddf3fc;}
/*светло-голубой*/
.light-blue {background: #dfeff4;}
	#right .light-blue {background: #ebfaff;}
/*серый?*/	
.grey {background: #F7FDFF; }
	.grey a { color:#289bc8; }
	#right .grey {background: transparent;}
/*желтый*/		
.orange {background: #fdc02b;}
 	.orange a { color:#000;}
 	#right .orange {background: #fdc02b;}
/*рамки*/
.border {border: #999 solid 1px; margin-top: 40px; border-radius: 0 10px;}
#content .border {border: #e3e5e6 solid 3px; margin-top: 0px; border-radius: 10px 0;}
#right .border {border: #e3e5e6 solid 3px; margin-top: 0px; border-radius: 10px 0 0 10px;}

.border h3 { display: inline-block; float:left; background: #fff; font-size: 90%; color:#777; margin-top:-20px; padding-bottom: 10px; }
#content .border ul {clear:left;}
#content .border h2 {margin-top:7px;  }
/*#right .border h2 {margin-top:-23px;  }*/
/*линии*/
.line1 h2 {border-bottom: #fdc02b solid 2px; margin-left:-10px; padding-left:10px;}
#content .line1 h2, #content .line2 h2 {margin-left:-10px;}
.line2 h2 {border-bottom: #e3e5e6 solid 2px; margin-left:-10px; padding-left:10px;}
/*рамки+линии*/
#content .borderline2 {border: #e3e5e6 solid 3px; margin-top: 0px; border-radius: 10px 0;}
#content .borderline2 h2 {border-bottom: #e3e5e6 solid 2px;}


/* Временно? широкое меню с иконками */

.ft-title {width:100%; padding:0 0 10px 10px; background: #fdc02b;}
#content .ft-title h3{padding:0; margin:0; line-height:110%;}
#content .ft-title p{ padding:0; margin:0 30% 0 0; line-height:110%;}

 






/*-------------------------------*/
/*-------------------------------*/

span.fon { display:block; height:5px; overflow: hidden; margin-top:-15px; background: url(img/top-fon.png) top
 repeat-x;}

#wrap .wrapper {padding-top: 30px;}



			ul.portfolio {
				list-style: none;
				padding: 0;
				margin: 0 auto;
				width: 650px;
				height: 430px;
			}
			ul.portfolio li {
				list-style-image:none;
				width: 600px;
				height: 400px;
				padding-bottom:0px;
				background: url(img/shadow3.png) bottom center no-repeat; 
				text-align: center;
				cursor: pointer;
			}
				li.roundabout-in-focus {
					cursor: default;
				}
			ul.portfolio li div {
				display: block;
				
			}
			
			/*для примеров*/
			/*горизонталь*/
			.g-logo { font-size:7em; line-height:86%; font-weight:bold;}
			
	